<!DOCTYPE html> <html>
<head>
<title>CiyPHP 后台效果展示</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
<link href="/jscss/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
  <div id="id_body">
    <div class="ciy-layout">
      <!-- 侧边菜单 -->
      <div class="ciy-side ciy-menu-width">
        <div class="ciy-side-scroll">
          <div class="ciy-logo ciy-menu-width" onclick="javascript:ciy_menu_navmask('all');">
            <i class="icon" style='font-size:2em;vertical-align: middle;'>&#xe607;</i>
            <cite>CiyAdmin</cite>
          </div>
          <ul class="ciy-menu-nav">
            <li>
              <a>
                <i class="icon">&#xe607;</i>
                <cite>主页</cite>
              </a>
              <span class="ciy-menu-more"></span>
              <ul>
                <li>
                  <a data-href="index_demo.html">效果展示</a>
                </li>
                <li>
                  <a data-href="welcome.html">控制台</a>
                </li>
              </ul>
            </li>
            <li>
              <a>
                <i class="icon">&#xe607;</i>
                <cite>组件</cite>
              </a>
              <span class="ciy-menu-more"></span>
              <ul>
                <li><a data-href="index_grid.html">栅格</a></li>
                <li>
                  <a>表格</a>
                  <span class="ciy-menu-more"></span>
                  <ul>
                    <li><a data-href="table_css.html">纯CSS表格</a></li>
                    <li><a data-href="table_adjust.html">可调整列宽表格</a></li>
                    <li><a data-href="table_edit.html">可编辑表格</a></li>
                    <li><a data-href="table_popmenu.html">表格右键菜单</a></li>
                    <li><a data-href="table_column.html">列动态管理</a></li>
                    <li><a data-href="table_ajax.php">Ajax-JSON表格</a></li>
                  </ul>
                </li>
                <li>
                  <a>表单</a>
                  <span class="ciy-menu-more"></span>
                  <ul>
                    <li><a data-href="form_css.html">纯CSS美化</a></li>
                    <li><a data-href="form_layout.html">表单布局效果</a></li>
                    <li><a data-href="form_submit.html">表单提交演示</a></li>
                    <li><a data-href="form_button.html">按钮</a></li>
                    <li><a data-href="form_date.html">日期时间</a></li>
                  </ul>
                </li>
                <li>
                  <a>功能</a>
                  <span class="ciy-menu-more"></span>
                  <ul>
                    <li><a data-href="ext_pinyin.html">拼音首字母</a></li>
                    <li><a data-href="ext_pullinput.html">联想输入</a></li>
                    <li><a data-href="ext_pullmulti.html">多选录入</a></li>
                    <li><a data-href="ext_multiselect.html">无限级下拉联动</a></li>
                  </ul>
                </li>
                <li><a data-href="plug_parts.html">部件</a></li>
                <li><a data-href="plug_dialog.html">弹框</a></li>
                <li><a data-href="plug_nav.html">导航</a></li>
                <li><a data-href="plug_tab.html">选项卡</a></li>
                <li style="display:none;"><a data-href="plug_js.html">JS功能</a></li>
              </ul>
            </li>
            <li>
              <a>
                <i class="icon">&#xe607;</i>
                <cite>案例</cite>
              </a>
              <span class="ciy-menu-more"></span>
              <ul>
                <li><a data-href="demo.php">增删改查上传文件</a></li>
                <li><a data-href="index_browser.html">浏览器信息</a></li>
                <li><a data-href="index_chart.html">Chart图表</a></li>
                <li><a href="login.php" target="_blank">注册登录</a></li>
                <li><a data-href="index_grid.html" data-title="grid标签">自定义标签</a></li>
                <li><a data-href="http://www.baidu.com/">外部链接</a></li>
                <li><a href="javascript:alert('JS');">调用JS</a></li>
              </ul>
            </li>
            <li>
              <a>
                <i class="icon">&#xe607;</i>
                <cite>框架分解</cite>
              </a>
              <span class="ciy-menu-more"></span>
              <ul>
                <li><a href="layout_step1.html" target="_blank">练习 第一步</a></li>
                <li><a href="layout_step2.html" target="_blank">练习 第二步</a></li>
                <li><a href="layout_step3.html" target="_blank">练习 第三步</a></li>
              </ul>
            </li>
            <li>
              <a>
                <i class="icon">&#xe607;</i>
                <cite>完整后台系统</cite>
              </a>
              <span class="ciy-menu-more"></span>
              <ul>
                <li><a href="/admin/" target="_blank">演示Demo</a></li>
                <li><a href="https://github.com/boiciy/ciyphp" target="_blank">下载源码</a></li>
                <li><a data-href="demosql.html">SQL表结构</a></li>
              </ul>
            </li>
            <li>
              <a data-href="http://ciy.cn/code">
                <i class="icon">&#xe607;</i>
                <cite>全栈工程师</cite>
              </a>
            </li>
            <li>
              <a data-href="http://ciy.cn">
                <i class="icon">&#xe607;</i>
                <cite>众产国际</cite>
              </a>
            </li>
          </ul>
          <span class="ciy-nav-bar"></span>
        </div>
      </div>
      <div class="ciy-body-main">
	      <div class="ciy-header">
	        <ul class="ciy-nav ciy-nav-light">
	          <li>
	            <a onclick="javascript:ciy_shrink();">
	              <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs></defs><path d="M510.8840231822222 1.2028029155555373c-281.54517276444443 0-509.78076672 228.2740167111111-509.78076672 509.78076785777773 0 281.54517276444443 228.23792298666666 509.78193180444435 509.78076672 509.7819306666666 281.4741504 0 509.78076672-228.23792298666666 509.78076672-509.7819306666666 0-281.5428437333333-228.20183039999995-509.78076672-509.78076672-509.78076785777773zM253.07766215111116 761.5782877866666c-22.901683768888887 0-43.367661795555556-20.535836444444442-43.367661795555556-43.441013191111104 0-22.83066140444444 20.504399644444444-42.019408782222214 43.367661795555556-42.019408782222214 22.863262151111112 0 42.167274382222224 19.19223921777778 42.167274382222224 42.019408782222214 0 22.904012799999997-19.295862328888887 43.441013191111104-42.167274382222224 43.441013191111104z m0-208.42744376888888c-22.901683768888887 0-43.367661795555556-19.262097635555556-43.367661795555556-42.13001671111111 0-22.901683768888887 20.504399644444444-42.20453091555555 43.367661795555556-42.20453091555555 22.863262151111112 0 42.167274382222224 19.263261582222224 42.167274382222224 42.20453091555555 0 22.83182648888889-19.295862328888887 42.13001671111111-42.167274382222224 42.13001671111111z m0-207.22472618666663c-22.901683768888887 0-43.367661795555556-19.263261582222224-43.367661795555556-42.13001671111111 0-22.900519822222225 20.504399644444444-43.367661795555556 43.367661795555556-43.367661795555556 22.863262151111112 0 42.167274382222224 20.50556472888889 42.167274382222224 43.367661795555556 0 22.83066140444444-19.295862328888887 42.13001671111111-42.167274382222224 42.13001671111111z m519.2499791644444 412.04867640888887H407.25012024888895c-21.707117226666664 0-39.766497279999996-18.060545137777776-39.766497279999996-39.836355697777776 0-21.631437937777775 18.061709084444445-39.689654044444445 39.766497279999996-39.689654044444445h365.0775210666667c21.707117226666664 0 39.76533333333333 18.060545137777776 39.76533333333333 39.689654044444445 0 21.73738894222222-18.095473777777777 39.836355697777776-39.76533333333333 39.836355697777776z m0-207.22472618666663H407.25012024888895c-21.707117226666664 0-39.766497279999996-18.060545137777776-39.766497279999996-39.72924074666666 0-21.705952142222223 18.061709084444445-39.800261973333335 39.766497279999996-39.800261973333335h365.0775210666667c21.707117226666664 0 39.76533333333333 18.095473777777777 39.76533333333333 39.800261973333335 0 21.666366577777776-18.095473777777777 39.72923960888889-39.76533333333333 39.72924074666666z m0-208.4297716622222H407.25012024888895c-21.707117226666664 0-39.766497279999996-16.895085226666666-39.766497279999996-38.56028785777778 0-21.705952142222223 18.061709084444445-39.76533333333333 39.766497279999996-39.76533333333333h365.0775210666667c21.707117226666664 0 39.76533333333333 18.061709084444445 39.76533333333333 39.76533333333333 0 21.666366577777776-18.095473777777777 38.56028785777778-39.76533333333333 38.56028785777778z"></path></svg>
	            </a>
	          </li>
	          <li>
	            <a onclick="javascript:ciy_refresh();">
	              <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs></defs><path d="M697.210184 182.366507L514.526187 454.13832l107.184772-5.333839c3.873383 109.534201 0.888973 248.912502-173.98476 368.923887-4.444866 3.492395-18.858932 11.683648-13.2711 10.604181 342.064196-73.784777 364.098033-321.490816 361.748603-387.338333l109.407205-5.460835-208.400723-253.166874zM337.430022 833.920381L520.241015 562.212065l-107.311768 5.270341c-3.873383-109.470703-0.634981-248.912502 174.238752-368.796891 4.31787-3.492395 18.731936-11.683648 13.2711-10.60418-341.9372 73.657781-365.748983 321.300322-363.272557 387.147838l-108.137243 5.333839 208.400723 253.357369z m678.350066-325.808686a507.857702 507.857702 0 1 1-1015.52491 0 507.857702 507.857702 0 0 1 1015.52491 0z"></path></svg>
	            </a>
	          </li>
	          <li>
	            <a onclick="javascript:ciy_ifropen('index_grid.html','自定义');">自定义按钮<span class="ciy-badge">12</span></a>
	          </li>
	          <li>
	            <a onclick="javascript:ciy_menu_navmask('组件,案例');">菜单分组1</a>
	          </li>
	          <li>
	            <a onclick="javascript:ciy_menu_navmask('主页,案例');">菜单分组2</a>
	          </li>
	          <li style="float:right">
	            <a><img src="/jscss/face.png" style="width: 2em;height: 2em;margin-right: 0.5em;border-radius: 50%;"/>众产<span class="caret"></span></a>
	            <ul class="ciy-popmenu" style="top:4em;right:0.1em;left:auto;">
	              <li><a onclick="ciy_alert('退出');">退出系统</a></li>
	            </ul>
	          </li>
	          <li style="float:right">
	            <a>个人中心<span class="ciy-badge-dot"></span></a>
	            <ul class="ciy-popmenu" style="top:4em;">
	              <li><a onclick="ciy_alert('ccc');">个人中心</a></li>
	              <li><a href="javascript:;">财务流水</a></li>
	            </ul>
	          </li>
	        </ul>
	      </div>
	      <!-- 页面标签 -->
	      <div class="ciy-headertabs">
	          <div class="ciy-headertabs-btn ciy-headertabs-left" onclick="ciy_headertabscroll('left')">
	              <svg style="width:1em;height:1em;padding-top:0.5em;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><style/></defs><path d="M559.356 129.195l83.722 83.394-390.725 389.153-83.722-83.394 390.726-389.153zM559.356 129.195z"></path><path d="M168.63 518.349l83.722-83.395 390.73 389.163-83.726 83.39-390.726-389.159zM168.63 518.349z"></path><path style="fill:#0073C1;" d="M598.819 459.383c32.702 0 59.206 26.399 59.206 58.966 0 32.562-26.503 58.961-59.206 58.961-32.692 0-59.204-26.399-59.204-58.961 0-32.567 26.513-58.966 59.204-58.966v0zM598.819 459.383z" p-id="1252"></path><path style="fill:#8BC8EA;" d="M796.169 459.383c32.692 0 59.198 26.399 59.198 58.966 0 32.562-26.506 58.961-59.198 58.961-32.702 0-59.21-26.399-59.21-58.961 0-32.567 26.508-58.966 59.21-58.966v0zM796.169 459.383z"></path></svg>
	          </div>
	          <div class="ciy-headertabs-btn ciy-headertabs-right btn-menu">
	              <svg style="width:1em;height:1em;padding-top:0.5em;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><style/></defs><path d="M885.3504 270.9504l72.4992 72.4992L512 789.1968 66.1504 343.4496l72.4992-72.4992L512 644.4032z"></path></svg>
	                <ul class="ciy-popmenu" style="top:2.5em;left:auto;right:0.1em;">
	                    <li><a href="javascript:ciy_layoutclose('me');">关闭当前标签页</a></li>
	                    <li><a href="javascript:ciy_layoutclose('oth');">关闭其他标签页</a></li>
	                    <li><a href="javascript:ciy_layoutclose('all');">关闭全部标签页</a></li>
	                </ul>              
	          </div>
	          <div class="ciy-headertabs-btn ciy-headertabs-right" onclick="ciy_headertabscroll()">
	              <svg style="width:1em;height:1em;padding-top:0.5em;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><style/></defs><path d="M464.644 894.805l-83.722-83.394 390.725-389.153 83.722 83.394-390.726 389.153zM464.644 894.805z"></path><path d="M855.37 505.651l-83.722 83.395-390.73-389.163 83.726-83.39 390.726 389.159zM855.37 505.651z"></path><path style="fill:#0073C1;" d="M425.181 564.617c-32.702 0-59.206-26.399-59.206-58.966 0-32.562 26.503-58.961 59.206-58.961 32.692 0 59.204 26.398 59.204 58.961 0 32.567-26.513 58.966-59.204 58.966v0zM425.181 564.617z" p-id="1000"></path><path style="fill:#8BC8EA;" d="M227.831 564.617c-32.692 0-59.198-26.399-59.198-58.966 0-32.562 26.506-58.961 59.198-58.961 32.702 0 59.21 26.399 59.21 58.961 0 32.567-26.508 58.966-59.21 58.966v0zM227.831 564.617z"></path></svg>
	          </div>
	        <div class="ciy-headertabs-nav" id="id_headertabs">
	          <ul id="id_headertabs_ul">
	          </ul>
	        </div>
	      </div>
	      <!-- 主体内容 -->
	      <div class="ciy-body">
	        <div class="ciy-body-item ciy-body-show" id="id_ifms">
	        </div>
	      </div>
      </div>
      <div class="ciy-body-shade" onclick="ciy_shrink();"></div>
    </div>
  </div>
<div class="ciy-mask"></div>
<script src="/jscss/jquery-1.12.4.min.js" type="text/javascript"></script>
<script src="/jscss/ciy.js" type="text/javascript"></script>
<script type="text/javascript">
    'use strict';
    $(function(){
        ciy_ifropen('index_demo.html','效果展示',true);
        ciy_layout();
        ciy_menu(".ciy-nav>li,.btn-menu");
    });
</script>
</body></html>